---
import BaseLayout from "../layouts/BaseLayout.astro";
import {Image} from 'astro:assets'
---

<BaseLayout>

    <div class="container mx-auto">
        <div class="row mt-20 border max-w-[800px] mx-auto">
            <div class="md:col-6 flex flex-col items-center p-6">
                <h3 class="mb-6">Welcome</h3>
                <p class="mb-6 text-center">欢迎您来到tang-yl.com<br/> 立即登录一起畅快地交流吧</p>
                <Image src="/images/banner-art.png" alt="login" width={300} height={300}></Image>
            </div>
            <div class="md:col-6 text-center md:border-l p-6 bg-orange-200">
                <h3 class="mb-6">Login here</h3>
                <p class="mb-6">请输入邮箱和密码登录。如果您没有注册过本站，则会默认注册！</p>
                <form>
                    <label>
                        <input name="username" type="email" placeholder="邮箱" class="form-input w-full rounded mb-4"/>
                    </label>
                    <label>
                        <input name="password" type="password" placeholder="密码" class="form-input w-full rounded mb-4"/>
                    </label>
                    <div class="text-left">
                        <button type="submit" class="btn btn-primary">登录</button>
                    </div>
                </form>
                <div class="mb-10"></div>
            </div>
        </div>

    </div>
</BaseLayout>